<div class="docs-header">
    <h1>{{(data.name || componentName)}} {{data.cnName}}</h1>
    <div style="margin-bottom: 40px;">{{data.description}}</div>
    <div *ngIf="data.tmw">
        <h3>何时使用</h3>
        <div style="margin-bottom: 20px;" [innerHTML]="data.tmw"></div>
    </div>
    <d-tabs [showContent]="false" [(activeTab)]="componentTab" (activeTabChange)="activeTabChange($event)">
        <d-tab id="demo" title="Demo" tabId="demo"></d-tab>
        <d-tab id="api" title="API" tabId="api"></d-tab>
    </d-tabs>
</div>
<div class="examples-viewer">
    <div class="examples-viewer-wrapper">
            <router-outlet></router-outlet>
    </div>
</div>
